﻿@{
    ViewBag.Title = "ProductList";
}
    <script type="text/javascript">
    $(document).ready(function () {
        $('#btnCustomise').click(function () {
            $('#frmSetPersonalDetail').submit();
        })
    });
            </script>
    <div class="Team-Customise">
        <div style="clear:both; height: 4px;"></div>
        
    </div>
    <div class="clearfix"></div>
    <div id="dvNavigation">
        <div id="innerNavigation">    
            <a href="/Layout/Index"> 
                <img src="~/WebKits/customNRL_images/Home.png"/>
            </a>        
            <a href="https://www.customnrl.com.au/Products/%20">  </a>        
            <a>   </a>
        &gt;    
        </div>
    </div>

    <div id="dvContent" style="background-color:white;">
        <div id="dvProductListLeftSide">
            @Html.Action("MenuLeft","Layout")
        </div>
        
        <div id="dvProductListRightSide">
            <div class="products-slider" style="position: relative;"><a class="cycle-sentinel cycle-slide" style="position: static; top: 0px; left: 0px; z-index: 99; opacity: 1; visibility: hidden; display: block;">
                    <img src="~/WebKits/customNRL_images/CS012155 NRL Calendar tiles_ .jpg" style="width: 768px; border: 1px solid gray; display: none; visibility: hidden;" onerror="$(this).hide();">
                </a> 
            <a class="cycle-slide cycle-slide-active" style="position: absolute; top: 0px; left: 0px; z-index: 99; opacity: 1;">
                    <img src="~/WebKits/customNRL_images/CS012155 NRL Calendar tiles_ .jpg" style="width: 768px; border: 1px solid gray; display: none;" onerror="$(this).hide();">
                </a></div>
            <div id="productList">                                                        
                <div class="productItem">
                    <a href="/Product/ProductDetail" class="img"><img src="~/WebKits/customNRL_images/images_test.jpg" alt="Cronulla Sutherland Sharks - Clock"></a>
                    <div class="productName ">                        
                        <div>Cronulla Sutherland Sharks - Clock</div>
                    </div>
                    <div class="productPrice">
                        $24.95  <a href="/Product/ProductDetail"><img src="~/WebKits/customNRL_images/btnCustomise.png"></a>
                    </div>
                </div>   
                <div class="productItem">
                    <a href="/Product/ProductDetail" class="img"><img src="~/WebKits/customNRL_images/images_test.jpg" alt="Cronulla Sutherland Sharks - Clock"></a>
                    <div class="productName ">                        
                        <div>Cronulla Sutherland Sharks - Clock</div>
                    </div>
                    <div class="productPrice">
                        $24.95  <a href="/Product/ProductDetail"><img src="~/WebKits/customNRL_images/btnCustomise.png"></a>
                    </div>
                </div>
                <div class="productItem">
                    <a href="/Product/ProductDetail" class="img"><img src="~/WebKits/customNRL_images/images_test.jpg" alt="Cronulla Sutherland Sharks - Clock"></a>
                    <div class="productName ">                        
                        <div>Cronulla Sutherland Sharks - Clock</div>
                    </div>
                    <div class="productPrice">
                        $24.95  <a href="/Product/ProductDetail"><img src="~/WebKits/customNRL_images/btnCustomise.png"></a>
                    </div>
                </div>
                <div class="productItem">
                    <a href="/Product/ProductDetail" class="img"><img src="~/WebKits/customNRL_images/images_test.jpg" alt="Cronulla Sutherland Sharks - Clock"></a>
                    <div class="productName ">                        
                        <div>Cronulla Sutherland Sharks - Clock</div>
                    </div>
                    <div class="productPrice">
                        $24.95  <a href="/Product/ProductDetail"><img src="~/WebKits/customNRL_images/btnCustomise.png"></a>
                    </div>
                </div>
                <div class="productItem">
                    <a href="/Product/ProductDetail" class="img"><img src="~/WebKits/customNRL_images/images_test.jpg" alt="Cronulla Sutherland Sharks - Clock"></a>
                    <div class="productName ">                        
                        <div>Cronulla Sutherland Sharks - Clock</div>
                    </div>
                    <div class="productPrice">
                        $24.95  <a href="/Product/ProductDetail"><img src="~/WebKits/customNRL_images/btnCustomise.png"></a>
                    </div>
                </div>
                <div class="productItem">
                    <a href="/Product/ProductDetail" class="img"><img src="~/WebKits/customNRL_images/images_test.jpg" alt="Cronulla Sutherland Sharks - Clock"></a>
                    <div class="productName ">                        
                        <div>Cronulla Sutherland Sharks - Clock</div>
                    </div>
                    <div class="productPrice">
                        $24.95  <a href="/Product/ProductDetail"><img src="~/WebKits/customNRL_images/btnCustomise.png"></a>
                    </div>
                </div>
                <div class="productItem">
                    <a href="/Product/ProductDetail" class="img"><img src="~/WebKits/customNRL_images/images_test.jpg" alt="Cronulla Sutherland Sharks - Clock"></a>
                    <div class="productName ">                        
                        <div>Cronulla Sutherland Sharks - Clock</div>
                    </div>
                    <div class="productPrice">
                        $24.95  <a href="/Product/ProductDetail"><img src="~/WebKits/customNRL_images/btnCustomise.png"></a>
                    </div>
                </div>
                <div class="productItem">
                    <a href="/Product/ProductDetail" class="img"><img src="~/WebKits/customNRL_images/images_test.jpg" alt="Cronulla Sutherland Sharks - Clock"></a>
                    <div class="productName ">                        
                        <div>Cronulla Sutherland Sharks - Clock</div>
                    </div>
                    <div class="productPrice">
                        $24.95  <a href="/Product/ProductDetail"><img src="~/WebKits/customNRL_images/btnCustomise.png"></a>
                    </div>
                </div>                                                                   
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
@section scripts{
    <!--start product-->
        <script>
            $(document).ready(function () {

                $('.Product-Range').click(function () {
                    var productRange = $(this).attr("data-label");
                    $('#hdnProductRange').val(productRange);
                    $('#frmSetPersonalDetail').submit();
                });
                $("#liGiftUnder20").click(function () {
                    $('#hdnPriceRange').val(-20);

                    $('#frmSetPersonalDetail').submit();

                });
                $("#liGiftUnder50").click(function () {
                    $('#hdnPriceRange').val(-50);
                    $('#frmSetPersonalDetail').submit();

                });
                $("#liGiftUnder100").click(function () {
                    $('#hdnPriceRange').val(-100);
                    $('#frmSetPersonalDetail').submit();
                });
            });
        </script>
        <script>
            $(document).ready(function () {
                $('.firstItem').on("click", function () {
                    //alert('aa');
                    $(this).toggleClass("expand");

                    if (!$(this).hasClass("expand")) {
                        $(this).next().show("swing");
                    }
                    else {
                        $(this).next().hide("swing");
                    }

                });

            });
            function ImgError(source) {
                source.src = "/WebKits/customNRL_images/NRL.png";
                source.onerror = "";
                return true;
            }
        </script>
        <!--end product-->
    }